1 LAN Hackahton Project

Setelah mempelajari dan mengeksplorasi teknik yang tepat dalam memvisualisasikan data, siswa diminta untuk menerapkan aplikasi web dasbor interaktif menggunakan server mengkilap yang berisi objek plot seperti ggplot dan/atau selebaran yang menampilkan wawasan yang bermanfaat.

1.1 First Objective

Sebelum Anda membuat dasbor, mari kita jawab pertanyaan ini terlebih dahulu untuk membantu Anda membuat dasbor dengan wawasan yang bermanfaat.

1.1.1 What

Dasbornya tentang apa?

Pertanyaan ini cukup jelas, Anda harus tahu tentang apa, masalah apa yang Anda coba selesaikan dengan dasbor ini, cerita apa yang Anda coba sampaikan kepada audiens Anda.

1.1.2 Who

Siapa pengguna dasbor Anda?

Mengetahui pengguna dasbor Anda sangat penting. Divisi apa atau orang macam apa yang menggunakan dashboard ini. Apakah Anda memerlukan detail atau dasbor yang lebih praktis? Saat pengguna Anda berada di level operasional, Anda memerlukan dasbor yang terperinci, tetapi saat pengguna Anda berada di level manajerial, Anda memerlukan dasbor sederhana dan umum yang dapat menyampaikan wawasan dengan cepat.

1.1.3 Why

Mengapa Anda memilih data tersebut?

Seberapa besar pemahaman Anda tentang data tersebut, Apakah data tersebut dapat menjawab pertanyaan Anda? Mengapa Anda memilih variabel itu, apakah mereka benar-benar berkorelasi? Penting untuk diketahui mengapa Anda memilih data tersebut agar tidak menimbulkan pemahaman yang menyesatkan yang sangat berbahaya.

1.1.4 When

Kapan data dikumpulkan?

Apakah masih relevan? Misalnya Anda tidak dapat menggunakan data dari tahun 80-an untuk menggambarkan bagaimana lalu lintas saat ini. Karena tren selalu berubah, begitu pula jawaban atas pertanyaan Anda, dapatkah data yang sangat lama itu menjawab pertanyaan Anda? Data yang tidak relevan dapat menciptakan wawasan yang menyesatkan.

1.1.5 Where

Di mana Anda meletakkan plot, kotak nilai, atau masukan, dll?

Buat desain tata letak yang sederhana, sehingga Anda memiliki gambaran seperti apa produk akhir Anda nantinya. Apakah sudah cukup rapi? Cukup mudah bagi pengguna Anda untuk memahaminya? Selalu ikuti aturan 5 detik. Dasbor Anda akan memberikan informasi yang relevan dalam waktu sekitar 5 detik.

1.1.6 How

Bagaimana dasbor Anda menjawab pertanyaan, hipotesis, atau masalah yang Anda coba selesaikan?

Apakah Anda menggunakan plot yang tepat? Variabel yang tepat? Selalu mulai dari masalah Anda, pastikan Anda menggunakan plot yang tepat untuk masalah yang tepat. Misalnya plot apa yang Anda gunakan untuk melihat distribusi data Anda? Apakah Anda menggunakan plot kepadatan atau plot garis?

1.2 Rubrics

1.2.1 Input (reactivity)

  • Menggunakan min. 2 jenis input yang berbeda

Dasbor harus berisi setidaknya 2 jenis input yang berbeda. Misalnya ada input slider dan pilih input di dashboard. Jika dasbor hanya memiliki 2 input pilihan atau 2 input serupa, maka akan dihitung sebagai satu.

  • Menentukan input yang tepat

Semua input harus memiliki antarmuka pengguna yang sesuai. Misalnya, tanggal tidak boleh menggunakan selecInput, melainkan gunakan dateInput atau rangedateInput.

  • Mendemonstrasikan input yang berguna

Dasbor harus memiliki widget masukan yang akan memberi pengguna kemampuan untuk menjelajahi data. Beberapa input berguna termasuk memfilter data dengan input slider atau memilih kategori yang berbeda dengan input pilihan. Input yang kurang berguna termasuk mengubah warna plot.

1.2.2 Tab (paging)

  • Min. 3 page

Dasbor harus berisi setidaknya 3 tab/halaman berbeda yang menyampaikan informasi berbeda.

1.2.3 Render plot

  • Menggunakan interactive plot

Semua plot harus disajikan sebagai plot interaktif. Anda dapat menggunakan plotly, highcharter, echarts4r, atau paket plot interaktif lainnya di R.

  • Min. 2 plot type

Dasbor harus berisi setidaknya 2 jenis plot yang berbeda. Kami berharap Anda dapat menjelajahi visualisasi yang berbeda untuk menyampaikan informasi yang berbeda. Misalnya, dasbor berisi 2 plot berbeda: diagram batang dan plot garis. Jumlah plotnya sendiri tidak dibatasi.

  • Menggunkan plot yang tepat

Semua informasi harus disajikan dengan plot yang sesuai. Misalnya, jika Anda ingin menampilkan peringkat kategori, Anda dapat menggunakan bagan batang atau bagan lollipop. Anda dapat merujuk ke data-to-viz untuk panduan.

  • Mendemonstrasikan reaktivitas dari input

Plot harus dapat bereaksi terhadap perubahan yang diberikan oleh input.

  • Membuat plot yang menceritakan kisah yang jelas

Semua plot harus memiliki informasi yang jelas dan mudah dipahami. Setidaknya harus ada judul plot dan judul sumbu yang jelas. Anda dapat merujuk ke catatan ini terkait masalah ini.

1.2.4 Deploy

  • Berhasil men-deploy ke shinyapps.io

Dasbor harus di-deploy ke shinyapps.io dan tidak mengandung error setelah di-deploy.

1.2.5 User Interface Appearence

  • Memiliki tata letak halaman yang rapi

Kami tidak berharap Anda menjadi desainer UI yang hebat. Namun, halaman dasbor Anda harus rapi dan cukup bersih untuk ditonton. Beberapa pertimbangan untuk membantu Anda membuat halaman yang rapi antara lain:

  1. Setiap tab/halaman tidak boleh terlalu panjang dan memiliki topik yang berbeda
  2. Konsisten, mis. semua teks dalam bahasa Inggris dan tema warna yang konsisten
  3. Halaman harus diisi secara menyeluruh dengan konten tanpa meninggalkan ruang kosong di lebar penuh halaman.
Less Tidy Page

Tidy Page

  • Memiliki tata letak plot yang rapi

Beberapa pertimbangan untuk membantu Anda membuat plot yang rapi termasuk:

  1. Memiliki judul plot dan judul sumbu yang jelas
  2. Teks dapat dibaca dan kontras dengan background (jika background berwarna gelap, teks harus berwarna terang, begitu juga sebaliknya)
  3. Teks sumbu numerik harus diformat sedemikian rupa sehingga setiap 3 digit dipisahkan oleh koma (20.000 bukan 20.000)
  4. Ranking disajikan dengan urutan yang jelas (ascending atau descending), misalnya saat Anda menampilkan top 10 product name atau top 10 customer
  5. Memiliki tema yang konsisten untuk semua plot
  6. Tidak ada teks sumbu yang tumpang tindih, teks panjang tidak boleh diputar dengan rotasi derajat 90%. Beberapa tips

  • Memiliki tooltip plot yang sesuai

Plot harus memiliki tooltip khusus yang memiliki teks popup yang jelas dan mudah dibaca.

Bad Tooltip

Tooltip alat yang buruk biasanya menggunakan nama kolom asli yang terkadang sulit dibaca. Angka tersebut masih dalam nilai mentah, misalnya PDB per Kapita Gabon 13206.4845. Angka akan lebih mudah dibaca jika ditampilkan sebagai 13,206.4845 dengan pemisah koma untuk setiap 3 digit.

gdpPercap: 13206.4845
lifeExp: 56.735

Good Tooltip

Gabon (name of the country)
GDP per Capita: 13,206.48
Life Expectancy: 56.735

  • Memilih skema warna yang tepat

Warna harus dipilih dengan hati-hati untuk memenuhi tujuan dan harus jelas dan tidak mengganggu pembaca. Salah satu perangkap yang paling umum adalah menggunakan warna untuk bagan batang saat ada banyak kategori. Anda dapat membaca lebih lanjut tentang masalah penggunaan warna di bab buku ini.

2 Submission

Anda diharapkan mengirimkan link dari shiny yang Anda terapkan ke Formulir Google. Kami akan mengevaluasi dasbor Anda berdasarkan tautan yang dikirimkan.

3 Term and Conditions

  • Harap mengirimkan link Anda maksimal pada hari Jumat, 21 Juli 2023, 23:59 WIB.
  • Peserta boleh menambahkan data tetapi tidak dapat mengubah topik selain topik yang telah dibagikan oleh LAN & Algoritma.
    • Data yang ditambahkan harus dari Indonesia.
  • Peserta hanya dapat mengajukan mentoring ke Algoritma seminggu sekali dengan durasi maksimal 1 jam.

4 Reference

Demo from Algoritma :

5 Data Source

Beberapa referensi sumber data:

6 Planning Your Project

Anda dapat mulai bekerja dan merencanakan proyek Anda setelah pengarahan berakhir. Kami berharap Anda dapat menyelesaikan menjawab tujuan pertama sehingga Anda dapat fokus membangun dasbor yang mengkilap untuk sisa minggu ini.

6.1 Example

Di bawah ini adalah contoh kami untuk menjawab pertanyaan 5W+1H di atas. Dasbor mengkilap terakhir untuk contoh berikut dapat dilihat di sini.

6.1.1 What

Saya ingin menunjukkan bagaimana setiap negara di dunia mengelola sumber daya alamnya, ditunjukkan oleh nilai Ecological Footprint dan Biocapacity negara-negara tersebut.

Suatu negara yang mengalami Defisit Ekologis ditandai dengan perilaku negara tersebut yang mengimpor Biocapacity melalui perdagangan, likuidasi aset ekologis nasional atau mengeluarkan banyak emisi karbondioksida ke udara. Sementara itu, negara dikatakan memiliki Ecological Reserves ketika Biocapacity (berapa banyak sumber daya alam yang dimiliki) melebihi Ecological Footprint (berapa banyak sumber daya alam yang digunakan). Dengan demikian, negara-negara yang memiliki Ecological Footprint lebih besar dari Biocapacity berpotensi mengalami berbagai dampak ekologis seperti bencana alam, kerusakan lahan, hilangnya keanekaragaman hayati, dan hal-hal lain yang dapat berdampak negatif terhadap lingkungan. dan perekonomian negara.

Untuk proyek ini, saya secara khusus ingin:

  • Meningkatkan kesadaran masyarakat terhadap status ekologi negara mereka
  • Tunjukkan hubungan antara indeks pembangunan manusia dengan jejak ekologi negara untuk melihat apakah negara dengan indeks sumber daya manusia yang lebih tinggi juga akan memiliki jejak ekologi yang lebih tinggi
  • Memberikan status ekologis dan metrik lainnya yang dapat menunjukkan aktivitas ekologis setiap negara di dunia

6.1.2 Who

Dashboard ini dibuat sebagai media edukasi bagi masyarakat umum tentang pemanfaatan dan pelestarian sumber daya alam negara.

6.1.3 Why and When

Dataset yang cocok untuk proyek ini adalah data ekologis yang diperoleh dari Global Footprint Network (http://data.footprintnetwork.org/). Data tersebut diupdate pada tanggal 12 Agustus 2019 sehingga masih relevan dengan kondisi saat ini.

6.1.4 How

Jelaskan bagaimana mencapai setiap tujuan atau maksud yang dinyatakan pada pertanyaan Apa.

  • Meningkatkan kesadaran masyarakat terhadap status ekologi negara mereka

Saya akan membuat plot yang menunjukkan Ecological Footprint dan Biocapacity untuk setiap wilayah.

  • Tunjukkan hubungan antara indeks pembangunan manusia dengan jejak ekologi negara untuk melihat apakah negara dengan indeks sumber daya manusia yang lebih tinggi juga akan memiliki jejak ekologi yang lebih tinggi

Buat scatterplot antara human development index dengan ecological footprint

  • Memberikan status ekologis dan metrik lainnya yang dapat menunjukkan aktivitas ekologis setiap negara di dunia

Buat peta selebaran dengan informasi yang relevan untuk sembulan

6.1.5 Where

Tentukan sketsa atau desain untuk layout dashboard.

6.1.5.1 Overview

Pada bagian ini, plot dan informasi untuk setiap tab/halaman akan dicantumkan. Dasbor mengkilap terakhir dari contoh berikut dapat dilihat di sini.

Menu 1:

  • Bagan batang jejak ekologis
  • Bagan batang biokapasitas masing-masing wilayah
  • Plot sebar antara Indeks Pembangunan Manusia (IPM) dan Jejak Ekologis

Menu 2:

  • Peta selebaran dengan sembulan yang menunjukkan informasi yang relevan tentang status ekonomi dan ekologi.
  • Proporsi antara biokapasitas dan jejak ekologis antar negara di wilayah yang sama

Menu 3:

  • Kumpulan Data Mentah

6.1.5.2 Detailed Layout

  • Menu 1: Gambaran Umum

Baris pertama menunjukkan diagram batang jejak ekologis dan biokapasitas masing-masing wilayah

Baris kedua menunjukkan scatter plot antara Human Development Index (HDI) dan Ecological Footprint

  • Menu 2:

Baris pertama menunjukkan peta selebaran dengan popup yang menunjukkan informasi yang relevan tentang status ekonomi dan ekologi.

Baris kedua menunjukkan proporsi antara biokapasitas dan jejak ekologis antar negara di wilayah yang sama

Baris ketiga menunjukkan diagram batang masing-masing sumber daya alam suatu negara dan kotak info mengenai status ekologisnya

  • Menu 3:

Tab ketiga menampilkan data mentah.